<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>爆款</title>
    <link rel="stylesheet" href="../../css/api.css" />
    <link rel="stylesheet" href="../../css/aui.css" />
    <link rel="stylesheet" href="../../css/main.css" />
    <script src="../../script/vue.min.js"></script>
    <script src="../../script/fastclick.js"></script>
    <style>
        #menuTwo {
            background: #fff;
        }
    </style>
</head>

<body>
    <section class="wrap-list" id="menuTwo" v-cloak>
        <div class="hot-title">
            <img src="../../image/hot/sdln_hotico.png">
        </div>
        <div class="list-box" v-for="(item, index) in dataList" :key="index" @click="getMoney(item)">
            <div class="tip-box" v-if="item.status == 0"></div>
            <div class="list-box-top">
                <div class="list-box-top-left">
                    <img :src="item.logo">
                    <div class="list-box-top-left-text">
                        <p>{{item.name}}</p>
                        <ul>
                            <li v-for="(items, indexp) in item.detail.feature.split('，')" :key="index">{{items}}</li>
                        </ul>
                    </div>
                </div>
                <div class="list-box-top-right">点我拿钱</div>
            </div>
            <div class="list-box-bottom">
                <ul>
                    <li class="list-one">
                        <span>额度(元)</span>
                        <p>{{item.detail.limit}}</p>
                    </li>
                    <li class="list-two">
                        <span>成功率</span>
                        <p>{{item.detail.successRate}}%</p>
                    </li>
                    <li class="list-two">
                        <span>日费率</span>
                        <p>{{item.detail.rate}}%</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="tuijian" style="">
            <div class="title">
                <div>&nbsp;</div>推荐专题
            </div>
            <div data-v-606a5d16="" class="tuijian-img">
                <img src="../../image/zhuanti1.png" @click="goOther('推荐专题', 'login_category_xinkouzituijian')">
                <img src="../../image/zhuanti2.png" @click="goOther('推荐专题', 'login_category_gaotongguotuijian')">
                <img src="../../image/zhuanti3.png" @click="goOther('推荐专题', 'login_category_jinrirementuijian')">
            </div>
        </div>
    </section>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script src="../../script/jquery.min.js"></script>
<script type="text/javascript">
    apiready = function() {
        FastClick.attach(document.body);
        var vm = new Vue({
            el: '#menuTwo',
            data: {
                dataList: []
            },
            methods: {
                wait: function() {
                    api.setRefreshHeaderInfo({
                        visible: true,
                        // loadingImg: '../image/timg.gif',
                        bgColor: '#fafafa',
                        textColor: '#323232',
                        textDown: '下拉刷新...',
                        textUp: '松开立即刷新...',
                        showTime: true
                    }, function(ret, err) {
                        setTimeout('api.refreshHeaderLoadDone()', '500');
                    })
                },
                getMoney: function(item) {
                    $api.isDownload(item, '爆款')
                },
                goOther: function(text, id) {
                    $api.goOther(text, id)
                }
            },
            created: function() {
                this.wait()
            },
            mounted: function() {
                this.dataList = $api.getList('login_baokuan_shenzhen');
            }
        })
    };
</script>

</html>
